@import url(communal.less);
@import url(rem.less);
.header{
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: white;
    .p1{
        .font-dpr(13px);
        color: #666;
    }
    .p2{
        .font-dpr(15px);
    }
    .p3{
        .font-dpr(14px);
        color: #f85d00;
    }
}
.main{
    width: 100%;
    background-color: white;
    .logo{
        
        .pt(147);
        img{
            width: 100%;
        }
    }
    .m_big{
        .pb(500);
        width: 90%;
        margin: 0 auto;
        
        .m-o{
            background-color: white;
            .o_p{
                .lh(173);
                span{
                    color: #f85d00;
                    .font-dpr(30px);
                }
                a{
                    .font-dpr(13px);
                }
            }
        }
        .m_i{
            display: flex;
            input{
                .lh(141);
                flex: 1;
                border: none;
                border: 1px solid #666;
                box-sizing: border-box;
            }
            button{
                width: 30%;
                .lh(141);
                .font-dpr(15px);
                color: white;
                background: #f85d00;
                border: none;
                outline: none;
            }
        }
        .m_p{
            .mt(30);
            text-align: center;
            .lh(130);
            display: flex;
            justify-content: space-between;
            .p1{
                width: 67%;
                margin-right: 3%;
                border: 2px solid #f85d00;
                box-sizing: border-box;
                color: #f85d00;
                .font-dpr(15px);
            }
            .p2{
                width: 30%;
                border: 2px solid #f85d00;
                box-sizing: border-box;
                color: #f85d00;
                .font-dpr(15px);
            }
        }
        .h{
            h2{
                .font-dpr(20px);
                font-weight: bolder;
                .lh(233);
            }
            p{
                .font-dpr(25px);
                color: #666;
                .lh(90); 
            }
            span{
                .lh(167);
                .font-dpr(15px);
            }
        }
        .swiper-container {
            width: 100%;
            height: 100%;
            .swiper-slide {
                //text-align: center;
                font-size: 18px;
                background: #fff;
        
                /* Center slide text vertically */
                // display: -webkit-box;
                // display: -ms-flexbox;
                // display: -webkit-flex;
                display: flex;
                flex-wrap: wrap;
                // -webkit-box-pack: center;
                // -ms-flex-pack: center;
                // -webkit-justify-content: center;
                // justify-content: center;
                // -webkit-box-align: center;
                // -ms-flex-align: center;
                // -webkit-align-items: center;
                // align-items: center;
                p{
                    width: 100%;
                    
                    .font-dpr(13px);
                    color: #f85d00;
                    .h(140);
                    .lh(140);
                    span{
                        display: inline-block;
                        .w(120);
                        .h(60);
                        .lh(60);
                        text-align: center;
                        color: #f85d00;
                        border: 1px solid #f85d00;
                        border-radius: 10px;
                        .font-dpr(13px);
                    }
                }
                .im{
                   h2{
                       width: 40%;
                       float: left;
                       img{
                           width: 100%;
                       }
                   }
                    p{
                        width: 55%;
                        float: left;
                        padding-left: 5%;
                        .lh(68);
                        color: #000;
                        font-weight:bolder;
                        .font-dpr(16px);
                    }
                    span{
                        padding-left: 5%;
                        .lh(60);
                    }
                }
                .p{
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-around;
                    p{
                        width: 50%;
                        color: #666;
                        span{
                            color: #666;
                            border: 1px solid #666;
                        }
                       
                    }
                }
            }
        }
        .h1{
            .w(448);
            .h(100);
            border: 1px solid #666;
            text-align: center;
            .lh(100);
            .font-dpr(12px);
            color: #666;
            margin-left: 27%;
            margin-top: 10%;
        }
    }
}